import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import { getTimeStamp } from '@/utils/auth'
import router from '../router'

const timeoutNow = 3000

// 创建axios的新对象
const service = axios.create({
  // 设置基地址
  baseURL: process.env.VUE_APP_BASE_API,
  // withCredentials: true, // 如果这个值设置为true代表发axios请求时会携带cookie，默认不携带
  // 设置超时时间为5秒
  timeout: 5000
})

// 请求拦截
service.interceptors.request.use(async config => {
    if(store.getters.token){
      // 只有在you登入的情况下,才判断token有没有超时
      if(isTimeOut()){
           await store.dispatch('user/logout')
          Message.error('登入过期了,请重新登入')
          router.push('/login')
          return
      }
      // 登入过自动加入token
      config.headers['Authorization'] = `Bearer ${store.getters.token}`
    }
    return config
},error => {
  return Promise.reject(error)
})

// 相应拦截
service.interceptors.response.use(response => {
  let res = response.data

  if (res.success) {

    return res

  }else {
    // 这次请求失败了，提示出失败原因
    Message.error(res.message)
    // 这句话会让代码报错
    return Promise.reject(res.message)
  }

},error => {

  if(error.response.data.code === 10002){
    // 当code === 10002 说明后端告诉我们token超时了
    store.dispatch('user/logout') // 删除token,删除用户信息
    Message.error('登入已过期,请重新登入')
    router.push('/login')
  }
  // 上一个项目是加在error
  // error要接口报错，没有正常返回才会进到error
  return Promise.reject(error)
})

function isTimeOut() {
  var currentTime = Date.now() // 当前时间戳
  var timestamp = getTimeStamp() // 缓存的时间戳
  return (currentTime - timestamp) / 1000 > timeoutNow
}



export default service
